<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/list.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
    <div class="nav">
        <div class="nav-text">
           <di class="navigation">
                <div class="navigation-left"><a href="./index.html" class="iconfont">&#xe62c;</a></div>
                <p>每日热映口碑榜</p>
                <div class="iconfont home">&#xe66c;
                    <div class="more">
                        <p class="home"><a href="./index.html">首页</a></p>
                        <p class="home"><a href="list.html">榜单</a></p>
                        <p class="home"><a href="hotspot.html">热搜</a></p>
                        <p class="home"><a href="./tab-with-segmented-control.html">商城</a></p>
                    </div>
                </div>
            </div> 
        </div>
    </div>
    <div class="introduce">
        <h4>每日热映口碑榜</h4>
        <div class="date">2021-10-22 已更新</div>
        <div class="paragraph">《每日热映口碑榜》——将昨日国内热映的影片，按照评分从高到低排列，取前10名，每天上午10点更新，相关数据来源于“猫眼专业版”及“猫眼电影库”。</div>
    </div>
  <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
    <div class="presell">
        <div class="img3">
            <img src="https://p1.meituan.net/movie/2a699851bed2717ebf37da80d3e2fb901350390.jpg@1l_1e_1c_200w_240h.webp" alt="">
        </div>
        <div class="presell-conter">
            <h3>1950他们正年轻</h3>
            <div class="xiangkan">薛英杰,叶发坤,雍卫太</div>
            <div class="rq">2021-10-22</div>
        </div>
        <div class="presell-right ">
           <p class="">9.3分</p>
            <span class="iconfont">&#xeca1;</span>
        </div>
        <div class="sjx"></div>
        <div class="sz"><em> 1</em></div>
    </div>
</body>
<script>
(function () {
    function w() {
        var all = document.documentElement;  // 获取html元素
        var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
        console.log(123,test)
        if (test > 750) {
            test = 750;
        }
        rem = test / 18.75;
        console.log(rem)
        all.style.fontSize = rem + 'px'
    }
    w();
    window.addEventListener("resize", function () {
        w()
    }, false)
})();  
</script>

</html>